<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>酒店餐饮管理系统登录</title>
	<link rel="stylesheet" href="/CSS/login.css"/>
	<script src="/JS/login.js"></script>
	<script src="/js/jquery-3.1.1.min.js"></script>
	<script src="/js/vue.js"></script>
</head>
<body>
<div id="login" class="container-fluid login_bg">
	<div class="row login_formbg">
		<div class="col-lg-3 col-sm-12 login_title">
			<h1>欢迎登录酒店餐饮管理系统</h1>
		</div>
		<div class="col-lg-3 col-sm-12 login_center">
			<table border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td class="td_left"><label for="username">用户名：</label></td>
					<td class="td_right"><input type="text" name="username" v-model="user.sysName" id="username" value="" placeholder="请输入用户名"/>
						<span id="s_username" class="error"></span>
					</td>
				</tr>
				<tr>
					<td class="td_left"><label for="password">密码：</label></td>
					<td class="td_right"><input type="password" name="password" v-model="user.sysPwd" id="password" value="" placeholder="请输入密码"/>
						<span id="s_password" class="error"></span>
					</td>
				</tr>
				<!-- 							<tr>
                                                <td class="td_left"><label>身份：</label></td>
                                                <td class="td_right">
                                                    <input type="radio" name="identify" value="boss" checked="checked"><span>老板</span>
                                                    <input type="radio" name="identify" value="manager" checked="checked"><span>经理</span>
                                                    <input type="radio" name="identify" value="Finance" checked="checked"><span>财务</span>
                                                    <input type="radio" name="identify" value="administrators" checked="checked"><span>管理员</span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="td_left"><label for="checkcode">验证码</label></td>
                                                <td class="td_right"><input type="text" name="checkcode" id="checkcode" placeholder="请输入验证码">
                                                    <img id="img_check" src="../images/verify_code.jpg">
                                                    <span id="s_checkcode" class="error"></span>
                                                </td>
                                            </tr> -->
				<tr class="tr1"><td class="td1"><input style="color: yellow;" type="button" @click="login()" name="button" id="button" value="登录"/></td></tr>
				<tr><td></td><td></td><td><p>没有账号?<a style="color: deeppink" href="http://127.0.0.1:8848/JavaScript2/html/%E6%B3%A8%E5%86%8C%E7%95%8C%E9%9D%A2.html">立即注册</a></p></td></tr>
			</table>
		</div>
	</div>
</div>
</body>
<script>
	new Vue({
		el:"#login",
		data:{
			//定义的变量
			user:{
				sysName:"",
				sysPwd:""
			}
		},
		methods:{
			//定义的方法
			login:function () {
				var self = this;
				$.ajax({
					url:"",	//请求后端的路径
					data: self.user,
					type:"post",
					contentType:"application/x-www-form-urlencoded",
					dataType:"json",
					success:function (data) {

					}
				})
			}
		}
	})
</script>
</html>
